<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/base.css">
    <link rel="stylesheet" href="./css/baidu.css">
</head>
<body>
    <header class="f14">
        <div class="fr"><a href="#">设置</a><button>登录</button>
        </div>
        <div>
            <a href="#">新闻</a>
            <a href="#">hao123</a>
            <a href="#">地图</a>
            <a href="#">贴吧</a>
            <a href="#">视频</a>
            <a href="#">更多</a>
        </div>
    </header>
    <style>
        
    </style>
    <p class="logo tc mb15">
        <img src="../imgs/baidu-logo.png" alt="">
    </p>
    <!-- 搜索框 -->
     <div class="search mb30">
        <div class="form">
            <input type="text">
            <span></span>
        </div>
        <button>百度一下</button>
     </div>
     <p class="tc ai">
        <a href="#">
            <img src="../imgs/i1.jpg" alt="">
            即刻体验百度AI搜
            <img src="../imgs/i2.jpg" alt="">
        </a>
     </p>
     <main class="mb30">
        <ul>
            <h2>百度热搜 &gt;</h2>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
        </ul>
        <ul>
            <h2 class="tr fn">
                <img src="../imgs/change.jpg" alt=""> 换一换
            </h2>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
            <li>
                <span>1</span>
                <a href="#">江苏确诊一例罕见传染病热</a>
                <i>热</i>
            </li>
        </ul>
     </main>
     <footer class="f12 tc pf">
        <a href="#">关于百度</a>
        <a href="#">About Baidu</a>
        <a href="#">使用百度前必读</a>
     </footer>
</body>
</html>